<template>

    <el-container class="home-container">
        <!-- 头部区域 -->
        <el-header>Header<el-button type="info" @click="logout">退出</el-button></el-header>
        <!-- 页面主体 -->
        <el-container>
            <!-- 侧边栏 -->
            <el-aside width="200px">Aside</el-aside>
            <!-- 右侧内容主体 -->
            <el-main>Main</el-main>
        </el-container>
    </el-container>
   
  
</template>

<script>
export default {
    name:'Home',
    methods: {
        logout(){
           //清空token
           window.sessionStorage.clear()
           //跳转到登录页
           this.$router.push('/login') 
        }
    },
}
</script>

<style lang="less" scoped>
    .el-header{
        background-color: #373d41;
    }

    .el-aside{
        background-color: #333744;
    }

    .el-main{
        background-color: #eaedf1;
    }
</style>>

